﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GenControl.aspx.cs" Inherits="HSPCS.Web.GenControl" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="Content/themes/base/jquery-ui.css" rel="stylesheet" />
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
     <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script type="text/javascript">
        function Test(msg)
        {
            alert(msg);
        }
        function AppendText(msg) {

            if ($('#rangeDialog').length > 0) {
                $('#rangeDialog').empty();
            }
            $('#rangeDialog').append('<p>' + msg + '</p>');
            

        }

        function ShowDialog(message) {
            $(function () {
                AppendText(message);
                $('#rangeDialog').dialog({
                    modal: true,
                    width: 500,
                    draggable: true,
                    buttons: {
                        'OK': function () { $(this).dialog('close'); }
                    }
                })
            }).dialog();

            // alert(message);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:PlaceHolder runat="server" ID="myPlaceHolder">

        </asp:PlaceHolder>
        <br />
        &nbsp;&nbsp;&nbsp;
        <asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" />
        <br />
        <br />
        &nbsp;&nbsp;&nbsp;
        <asp:Button ID="btnPre" runat="server" Text="&lt;&lt;" OnClick="btnPre_Click" /> 
        &nbsp;&nbsp; 
        <asp:Button ID="btnNext" runat="server" Text="&gt;&gt;" OnClick="btnNext_Click" />
        &nbsp;&nbsp;&nbsp;
        <asp:Button ID="btnDelete" runat="server" Text="X" Width="30px" OnClick="btnDelete_Click" />
    </div>
    </form>
    <div id="rangeDialog"></div>
    
    <br />
    <button type="button" id="btn" onclick="ShowDialog('Running...')">Test JS</button>
</body>
</html>
